<template>
    <div id="building">
        <div style="text-align: center; margin-top: 10%">
            <div class="welcome">欢迎</div>
            <div class="welcome">来到</div>
            <div class="welcome success">宠物商店</div>

            <el-button type="success" @click="router.push('/login')">点击登录</el-button>
            <el-button type="success" @click="router.push('/index')">进入首页</el-button>
        </div>
    </div>


</template>

<script lang="ts" setup>
import router from "@/router";

</script>


<style scoped>
#building{
    background:url("../assets/image/background.jpg");
    width:100%;
    height:100%;
    position:fixed;
    background-size:100% 100%;
}

.welcome{
    position: relative;
    left: 35%;
    width:30%;
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 20px;
    cursor: default;
}
.welcome:hover{
    font-size: 90px;
    transition: 0.5s;
}
.success:hover{
    color: #409EFF;
    transition: 0.5s;
}
</style>